<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simple Round Corners</title>

<style type="text/css">
.box {
    width: 400px;
    padding: 0 10px;
    margin: 10px;
    background-color: yellow;
    border: 1px solid red;
}

.inner {
    padding: 10px 0;
    margin: -10px 0;
    position: relative;
    min-height: 0; /* IE haslayout issues fix*/
    background-color: green;
}

.top {
    margin: -10px -10px 0 -10px;
    background: url(one-round-blue.png) no-repeat left top;
    height: 10px;
    position: relative;
    font-size: 10px;
    z-index: -1;
}

.base {
    margin: 0 -10px -10px -10px;
    background: url(one-round-blue.png) no-repeat left bottom;
    height: 10px;
    position: relative;
    font-size: 10px;
    z-index: -1;
}

.top span {
    background: url(one-round-blue.png) no-repeat right top;
    display: block;
    height: 10px;
    font-size: 10px;
}

.base span {
    background: url(one-round-blue.png) no-repeat right bottom;
    display: block;
    height: 10px;
    font-size: 10px;
}
</style>
</head>
<body>
  <div class="box">
    <div class="inner">
      <div class="top"><span></span></div>
      <div class="content">
        <!-- CONTENT BEGIN -->
        <div>this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text</div>
        <div>this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text</div>
        <!-- CONTENT END -->
      </div>
      <div class="base"><span></span></div>
    </div>
  </div>
</body>
</html>
